【krpano】画像をレイヤーにして親子関係にする

画像をレイヤー状態で表示させて親子関係を持たせる方法。
マップなどの上にポインタを表示させて、親であるマップを拡大縮小した時に、子のポインタも一緒に拡大縮小するなどで使う。

【使用するファイル】
xmlファイル
親画像
個画像

【基本コード】親
下記のコードをxmlファイルに記述する

<plugin name="parent"
url="oya.jpg"
keep="true"
align="rightttop"
x="10"
y="10"
scale="0.2"
scalechildren="true"
destscale="1.0"
onclick="IF(plugin[parent].scale == 1.0, tween(plugin[parent].scale,0.2), tween(plugin[parent].scale,1.0));"
/>

解説

<plugin name="parent" //親画像のID
url="oya.jpg" //親画像のパス
keep="true" //新しいパノラマにも効果を継承するか
align="rightttop" //親画像の基準となる位置
x="10" //親画像の基準となる位置から横位置の距離
y="10" //親画像の基準となる位置から縦位置の距離
scale="0.2" //最初に表示する/親画像の大きさ
scalechildren="true" //子画像も拡大縮小を連動させるか
destscale="1.0" //拡大縮小後のサイズ
onclick="IF(plugin[parent].scale == 1.0, tween(plugin[parent].scale,0.2), tween(plugin[parent].scale,1.0));"
/>

【基本コード】子

<plugin name="children"
url="ko.jpg"
keep="true"
parent="parent"
zorder="1"
align="center"
/>

解説

<plugin name="children" //子画像のID
url="ko.jpg" //子画像のパス
keep="true" //新しいパノラマにも効果を継承するか
parent="parent" //親画像のID
align="center" //親画像を基準にした子画像の位置
/>

【実例】

<krpano version="1.16">

<include url="skin/defaultskin.xml" />

<view hlookat="0" vlookat="0" maxpixelzoom="1.0" fovmax="150" limitview="auto" />

<preview url="mukogawa1.tiles/preview.jpg" />
<plugin name="parent"
url="oya.jpg"
keep="true"
align="rightbottom"
x="10"
y="10"
scale="0.2"
scalechildren="true"
destscale="1.0"
onclick="IF(plugin[parent].scale == 1.0, tween(plugin[parent].scale,0.2), tween(plugin[parent].scale,1.0));"
/>
<plugin name="children"
url="ko.jpg"
keep="true"
parent="parent"
zorder="1"
align="center"
/>
<image type="CUBE" multires="true" tilesize="512" progressive="false">
<level tiledimagewidth="4776" tiledimageheight="4776">
<cube url="mukogawa1.tiles/mres_%s/l4/%0v/l4_%s_%0v_%0h.jpg" />
</level>
<level tiledimagewidth="2388" tiledimageheight="2388">
<cube url="mukogawa1.tiles/mres_%s/l3/%0v/l3_%s_%0v_%0h.jpg" />
</level>
<level tiledimagewidth="1194" tiledimageheight="1194">
<cube url="mukogawa1.tiles/mres_%s/l2/%0v/l2_%s_%0v_%0h.jpg" />
</level>
<level tiledimagewidth="597" tiledimageheight="597">
<cube url="mukogawa1.tiles/mres_%s/l1/%0v/l1_%s_%0v_%0h.jpg" />
</level>
<mobile>
<cube url="mukogawa1.tiles/mobile_%s.jpg" />
</mobile>
</image>

 

</krpano>